<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件处理-按键修饰符</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<div id="app">
    <!--在键盘按下enter之后，放手的时候显示alert-->
    <input type="text" v-on:keyup.enter="submit" >
    <!--Vue 提供了绝大多数常用的按键码的别名：-->
    <!--.enter-->
    <!--.tab-->
    <!--.delete (捕获“删除”和“退格”键)-->
    <!--.esc-->
    <!--.space-->
    <!--.up-->
    <!--.down-->
    <!--.left-->
    <!--.right-->

    <!--可以用如下修饰符来实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。-->
    <!--.ctrl-->
    <!--.alt-->
    <!--.shift-->
    <!--.meta-->
</div>


<script>
    var app= new Vue({
        el:'#app',
        data:{
            name: 'Vue.js'
        },
        methods:{
           submit:function () {
               alert("submit")
           }
        }
    })
</script>
</body>
</html>
